<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>客户详情</title>
	<link href="https://cdn.jsdelivr.net/npm/feidao-css@latest/feidao.css" type="text/css" rel="stylesheet" />
	<link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
	<link rel="stylesheet" type="text/css" href="../css/daoke.css" />
	<link rel="stylesheet" type="text/css" href="../css/common.css" />
	<link rel="stylesheet" type="text/css" href="../css/min.css" />
</head>

<body>
	<!-- 顶部 -->
	<div class="ht60 common-header">
		<div>
			<h1 class="logo">
				人脸识别管理系统
			</h1>
			<span class="common-header-select">xxx项目演示<i class="iconfont icon-xiala"></i></span>
		</div>
		<div>
			<i class="iconfont icon-weibiaoti- color-f cursor-p" style="font-size:28px"></i>
			<!-- 消息模块 start -->
			<div class="bg-f pos-a radius-5 display-n"
				style="width: 250px; padding: 10px 15px; top: 65px;right: 32px;z-index: 999999;border: 1px solid #EBEEF5;box-shadow: 3px 3px 3px 3px rgba(153, 153, 153, 0.35);">
				<div>
					<div class="flex-c" style="background: #dddddd;height: 35px;line-height: 35px;padding-left: 10px;">
						<i class="icon iconfont icon-huiyi1 color-3" style="font-size: 20px;"></i>
						<span style="font-size: 14px;margin: 0 10px" class="color-3">会议管理</span>
						<span style="font-size: 12px;" class="color-6">2019-04-23 09:28</span>
					</div>
					<div class="font14 color-3">
						<div style="margin: 10px 0">张晓丽发起一次会议，需要您参加。</div>
						<div style="margin: 10px 0">会议标题：年度会议</div>
						<div style="margin: 10px 0">开始时间：2019-04-22 19：30</div>
						<div style="margin: 10px 0">结束时间：2019-04-22 19：50</div>
						<div style="margin: 10px 0">李文博提交的通知公告需要您审批。</div>
					</div>
				</div>
				<div>
					<div class="flex-c" style="background: #dddddd;height: 35px;line-height: 35px;padding-left: 10px;">
						<i class="icon iconfont icon-shenpi color-3" style="font-size: 20px;"></i>
						<span style="font-size: 14px;margin: 0 10px" class="color-3">审核</span>
						<span style="font-size: 12px;" class="color-6">2019-04-23 09:28</span>
					</div>
					<div class="font14 color-3" style="margin: 10px 0">
						<span>张志章提交的通知公告需要您审批。</span>
					</div>
				</div>
				<div>
					<div class="flex-c" style="background: #dddddd;height: 35px;line-height: 35px;padding-left: 10px;">
						<i class="icon iconfont icon-shenpi color-3" style="font-size: 20px;"></i>
						<span style="font-size: 14px;margin: 0 10px" class="color-3">审核</span>
						<span style="font-size: 12px;" class="color-6">2019-04-23 09:28</span>
					</div>
					<div class="font14 color-3" style="margin: 10px 0">
						<span>张志章提交的通知公告需要您审批。</span>
					</div>
				</div>
			</div>
			<!-- 消息模块 end -->
			<span class="cursor-p mr-15 ml-15">
				<i class="iconfont icon-touxiang color-f" style="font-size:28px"></i>
				<span class="color-f font14 display-ib" style="margin-left:10px">刘德华</span>
				<!-- 个人信息 start -->
				<div class="infobox pos-a bg-f b-box display-n" style="	box-shadow: 3px 3px 3px 3px rgba(153, 153, 153, 0.35);top: 55px;right: 10px; z-index: 9999;border: 1px solid #EBEEF5;padding: 10px 0;
            margin: 5px 0;">
					<div class="common-info-item">修改密码</div>
					<div class="common-info-item">退出登录</div>
				</div>
				<!-- 个人信息 start -->
			</span>
		</div>
	</div>
	<!-- 导航 && 页面区域 start-->
	<section class="common-container">
		<!-- 导航 start-->
		<!-- 导航 start-->
		<aside>
			<ul>
				<li>导航导航</li>
				<li>导航导航</li>
				<li>导航导航</li>
				<li>导航导航</li>
				<li>导航导航</li>
				<li>导航导航</li>
				<li>导航导航</li>
			</ul>
		</aside>
		<!-- 导航 end-->
		<div class="common-container-main">
			<!-- 面包屑 start -->
			<div class="ht40 bg-f flex-c font14 color-3 customerGet_nav">
				<i class="color-theme iconfont icon-fanhui5 font20"
					style="font-size: 22px; margin-right:5px;color: #51adfe"></i>
				<span style="color: #51adfe">返回</span>
				<span style="margin:0px 10px;">|</span>
				<span>客户详情</span>
				<div class="flex-js-c">
					<div class="btn ht30 flex-cc" style="width:60px;margin-left: 10px;background-color: #51adfe;">
						<span>导出图片</span>
					</div>
				</div>
			</div>
			<!-- 面包屑 end -->
			<!-- 初始化页面 start -->
			<div class="display-">
				<div class="display-">
					<!-- 基本信息 -->
					<div class="customerGet_info">
						<div class="customerGet_left">
							<div class="customerGet_left_imginfo">
								<div class="customerGet_left_imginfo_img">
									<img src="https://b-ssl.duitang.com/uploads/item/201702/22/20170222200954_zeJWu.thumb.700_0.jpeg"
										style="width: 100%;height: 100%;">
								</div>
								<div class="customerGet_left_imginfo_info">
									<p>性别：刘述军</p>
									<p>姓名：男</p>
									<p>年龄：28</p>
									<p>身高(cm)：180</p>
									<p style="min-width: 125px;">电话：15566666666</p>
								</div>
							</div>
							<div class="customerGet_left_info">
								<div class="customerGet_left_imginfo_info">
									<p>刷新时间：2019-08-01 17:45:53</p>
									<p>系统判定：正常</p>
									<p>通用规则：无违规</p>
									<p>人工复核：风险</p>
									<p style="max-width: 400px;">复核备注：未在约定未在约定未在约定未在约定未在约定未在约定未在约定未在约定...</p>
								</div>
							</div>
							<div class="icon_flag"><i
									class="color-theme iconfont icon-touxiang color-f customerinfo_flag"></i></div>
						</div>
						<div class="customerGet_right">
							<div>
								<div class="customerGet_left_imginfo_info">
									<p>经纪人：文森</p>
									<p>首次带看时间：2019-09-07 17:45:53</p>
									<p>签约时间：2019-09-07 17:45:53</p>
									<p>签约方式：全款</p>
								</div>
							</div>
							<div>
								<div class="customerGet_left_imginfo_info">
									<p>签约楼号：6号楼</p>
									<p>签约单元：3单元</p>
									<p>签约房号：1602</p>
									<p>是否认购：是</p>
								</div>
							</div>
							<div class="icon_flag"><i
									class="color-theme iconfont icon-dalou1 color-f customerright_flag"></i></div>
						</div>
					</div>
					<!-- 基本信息结束 -->
					<!-- 搜索条件 -->
					<div class="flex-js-c bg-f ht40 l-ht40 color-3 customerGet_search">
						<div class="flex-c">
							<div class="flex-c">
								<span>留痕记录</span>
								<span style="color: #b299a2;margin-right: 5px;">(共搜索到相似的图片 6张，33 次疑似到访记录):</span>
								<select class="select">
									<option>请选择</option>
									<option>1</option>
									<option>2</option>
									<option>3</option>
									<option>4</option>
									<option>5</option>
								</select>
							</div>
						</div>
					</div>
					<!-- 搜索条件结束 -->
					<!-- 图片列表 -->
					<div class="customer_boxImg_list">
						<div class="customer_boxImg">
							<img src="https://b-ssl.duitang.com/uploads/item/201702/22/20170222200954_zeJWu.thumb.700_0.jpeg"
								style="width:162px; height: 162px;">
							<div class="customer_boxImg_time">2019-04-24 21:28:27</div>
							<div class="customer_boxImg_flag">高</div>
						</div>
						<div class="customer_boxImg">
							<img src="https://b-ssl.duitang.com/uploads/item/201702/22/20170222200954_zeJWu.thumb.700_0.jpeg"
								style="width:162px; height: 162px;">
							<div class="customer_boxImg_time">2019-04-24 21:28:27</div>
							<div class="customer_boxImg_flag">高</div>
						</div>
						<div class="customer_boxImg">
							<img src="https://b-ssl.duitang.com/uploads/item/201702/22/20170222200954_zeJWu.thumb.700_0.jpeg"
								style="width:162px; height: 162px;">
							<div class="customer_boxImg_time">2019-04-24 21:28:27</div>
							<div class="customer_boxImg_flag">高</div>
						</div>
						<div class="customer_boxImg">
							<img src="https://b-ssl.duitang.com/uploads/item/201702/22/20170222200954_zeJWu.thumb.700_0.jpeg"
								style="width:162px; height: 162px;">
							<div class="customer_boxImg_time">2019-04-24 21:28:27</div>
							<div class="customer_boxImg_flag">高</div>
						</div>
						<div class="customer_boxImg">
							<img src="https://b-ssl.duitang.com/uploads/item/201702/22/20170222200954_zeJWu.thumb.700_0.jpeg"
								style="width:162px; height: 162px;">
							<div class="customer_boxImg_time">2019-04-24 21:28:27</div>
							<div class="customer_boxImg_flag">高</div>
						</div>
						<div class="customer_boxImg">
							<img src="https://b-ssl.duitang.com/uploads/item/201702/22/20170222200954_zeJWu.thumb.700_0.jpeg"
								style="width:162px; height: 162px;">
							<div class="customer_boxImg_time">2019-04-24 21:28:27</div>
							<div class="customer_boxImg_flag">高</div>
						</div>
						<div class="customer_boxImg">
							<img src="https://b-ssl.duitang.com/uploads/item/201702/22/20170222200954_zeJWu.thumb.700_0.jpeg"
								style="width:162px; height: 162px;">
							<div class="customer_boxImg_time">2019-04-24 21:28:27</div>
							<div class="customer_boxImg_flag">高</div>
						</div>
						<div class="customer_boxImg">
							<img src="https://b-ssl.duitang.com/uploads/item/201702/22/20170222200954_zeJWu.thumb.700_0.jpeg"
								style="width:162px; height: 162px;">
							<div class="customer_boxImg_time">2019-04-24 21:28:27</div>
							<div class="customer_boxImg_flag">高</div>
						</div>
						<div class="customer_boxImg">
							<img src="https://b-ssl.duitang.com/uploads/item/201702/22/20170222200954_zeJWu.thumb.700_0.jpeg"
								style="width:162px; height: 162px;">
							<div class="customer_boxImg_time">2019-04-24 21:28:27</div>
							<div class="customer_boxImg_flag">高</div>
						</div>
						<div class="customer_boxImg">
							<img src="https://b-ssl.duitang.com/uploads/item/201702/22/20170222200954_zeJWu.thumb.700_0.jpeg"
								style="width:162px; height: 162px;">
							<div class="customer_boxImg_time">2019-04-24 21:28:27</div>
							<div class="customer_boxImg_flag">高</div>
						</div>
						<div class="customer_boxImg">
							<img src="https://b-ssl.duitang.com/uploads/item/201702/22/20170222200954_zeJWu.thumb.700_0.jpeg"
								style="width:162px; height: 162px;">
							<div class="customer_boxImg_time">2019-04-24 21:28:27</div>
							<div class="customer_boxImg_flag">高</div>
						</div>
						<div class="customer_boxImg">
							<img src="https://b-ssl.duitang.com/uploads/item/201702/22/20170222200954_zeJWu.thumb.700_0.jpeg"
								style="width:162px; height: 162px;">
							<div class="customer_boxImg_time">2019-04-24 21:28:27</div>
							<div class="customer_boxImg_flag">高</div>
						</div>
					</div>
					<!-- 图片列表结束 -->
					<!-- 初始化表格start -->
					<div class="bg-f color-3 p20" style="font-size:14px;">
						<!-- 表头 start -->
						<div class="t_title">
							<span class="display-ib p5 border-r-1 text-c b-box" style="width:20%">时间<i
									class="iconfont icon-shangxia color-3 font12 ml1"></i>
							</span><span class="display-ib p5 border-r-1 text-c b-box" style="width:40%;">留痕记录
							</span><span class="display-ib p5 border-r-1 text-c b-box" style="width:20%;">人脸相似度
							</span><span class="display-ib p5 border-r-1 text-c b-box" style="width:20%;">短视频</span>
						</div>
						<!-- 表头 end -->
						<!-- 表体 start -->
						<div class="t_body display-">
							<div class="tableRow">
								<span
									class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h customer_table_span"
									style="width:20%;">2019-08-08 12:37:27
								</span><span
									class="display-ib p5 border-r-1 vertical-a-t text-c b-box customer_table_span customer_table_span_sec"
									style="width:40%;">
									<div class="customer_table_span_flex">
										<div class="height:80px;display:inline-block">
											<p style="color: #5daf34">认证通过</p>
											<p>图片导入认证</p>
										</div>
										<img src="https://b-ssl.duitang.com/uploads/item/201702/22/20170222200954_zeJWu.thumb.700_0.jpeg"
											alt="">
									</div>
								</span><span
									class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h customer_table_span"
									style="width:20%;">高
								</span><span
									class="display-ib p5 border-r-1 vertical-a-t text-c b-box customer_table_span"
									style="width:20%;">
									<span style="color: #ed5b5b">加载视频</span>
								</span>
							</div>
							<div class="tableRow">
								<span
									class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h customer_table_span"
									style="width:20%;">2019-08-08 12:37:27
								</span><span
									class="display-ib p5 border-r-1 vertical-a-t text-c b-box customer_table_span customer_table_span_sec"
									style="width:40%;">
									<div class="customer_table_span_flex">
										<div class="height:80px;display:inline-block">
											<p style="color: #5daf34">认证通过</p>
											<p>图片导入认证</p>
										</div>
										<img src="https://b-ssl.duitang.com/uploads/item/201702/22/20170222200954_zeJWu.thumb.700_0.jpeg"
											alt="">
									</div>
								</span><span
									class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h customer_table_span"
									style="width:20%;">高
								</span><span
									class="display-ib p5 border-r-1 vertical-a-t text-c b-box customer_table_span"
									style="width:20%;">
									<span style="color: #ed5b5b">加载视频</span>
								</span>
							</div>
							<div class="tableRow">
								<span
									class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h customer_table_span"
									style="width:20%;">2019-08-08 12:37:27
								</span><span
									class="display-ib p5 border-r-1 vertical-a-t text-c b-box customer_table_span customer_table_span_sec"
									style="width:40%;">
									<div class="customer_table_span_flex">
										<div class="height:80px;display:inline-block">
											<p style="color: #5daf34">认证通过</p>
											<p>图片导入认证</p>
										</div>
										<img src="https://b-ssl.duitang.com/uploads/item/201702/22/20170222200954_zeJWu.thumb.700_0.jpeg"
											alt="">
									</div>
								</span><span
									class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h customer_table_span"
									style="width:20%;">高
								</span><span
									class="display-ib p5 border-r-1 vertical-a-t text-c b-box customer_table_span"
									style="width:20%;">
									<span style="color: #ed5b5b">加载视频</span>
								</span>
							</div>
						</div>
						<!-- 表体 end -->
						<!-- 分页start -->
						<div class="page display-">
							分页
						</div>
						<!-- 分页end -->
					</div>
					<!-- 初始化表格end -->
				</div>
			</div>
		</div>
		<!-- 初始化页面 end -->
	</section>

</body>

</html>